<!DOCTYPE html>
<html lang="en">

<head>
    <title>game</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/demo.css">
    <link rel="stylesheet" href="./css/game.css">
</head>

<body>
    <div class="web">
        <header>
            <nav class="navbar navbar-default wrap_1000">
                <div class="container-fluid">
                    <!-- float left & logo space -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="./index.html"><img src="./img/logo.png" alt=""></a>
                    </div>
                    <!--  -->
                    <div id="navbar" class="navbar-collapse collapse">
                        <!-- nav list -->
                        <ul class="nav navbar-nav">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./clan.html">Laya家族</a></li>
                            <li class="active"><a href="#">游戏</a></li>
                            <li><a href="./news.html">新闻动态</a></li>
                            <!-- 1 in 1 -->
                            <li class="visible-md-block visible-lg-block"><a href="#">开发者中心</a></li>
                            <li class="visible-md-block visible-lg-block"><a href="#">开发者社区</a></li>
                            <li class="visible-md-block visible-lg-block"><a href="#">开放平台</a></li>
                            <li class="visible-md-block visible-lg-block"><a href="./about_us.html">关于我们</a></li>
                            <!-- 1 in 2 -->
                            <li class="dropdown visible-sm-block visible-xs-block">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                    aria-haspopup="true" aria-expanded="false">更多  <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">开发者中心</a></li>
                                    <li><a href="#">开发者社区</a></li>
                                    <li><a href="#">开放平台</a></li>
                                    <li><a href="./about_us.html">关于我们</a></li>
                                </ul>
                            </li>
                        </ul>
                        <!-- language -->
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                    aria-haspopup="true" aria-expanded="false">Language  <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">中文</a></li>
                                    <li><a href="#">English</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
                <!--/.container-fluid -->
            </nav>
        </header>

        <main class="w_100">
            <!-- game_show -->
            <div class="show w_100">
                <img src="./img/game/geme_show.jpg" alt="">
            </div>
            <!-- game part 1 -->
            <div class="game_part container-fluid wrap_1000">
                <div class="row w_100">
                    <div class="col-sm-5 visible-sm visible-md visible-lg">
                        <div class="img_box"><img src="./img/game/game1_351x423.png" alt=""></div>
                    </div>
                    <div class="col-sm-7 g_info">
                        <div class="clearfix">
                            <h2 class="fr">猎刃2</h2>
                        </div>
                        <p class="p_4">2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一起来，挑战恶魔，乱斗魔兽！</p>
                        <div class="row w_100">
                            <div class="col-sm-6 g_box pdl_0">
                                <div class="g_img"><img src="./img/game/game_1_1.jpg" alt=""></div>
                            </div>
                            <div class="col-sm-6 g_box pdr_0">
                                <div class="g_img"><img src="./img/game/game_1_2.jpg" alt=""></div>
                            </div>
                            <div class="col-sm-6 g_box pdl_0">
                                <div class="g_img"><img src="./img/game/game_1_3.jpg" alt=""></div>
                            </div>
                            <div class="col-sm-6 g_box pdr_0">
                                <div class="g_img"><img src="./img/game/game_1_4.jpg" alt=""></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>  
            <!-- game part 2 -->
            <div class="game_part container-fluid wrap_1000">
                <div class="row w_100">
                    <div class="col-sm-7 g_info">
                        <div class="clearfix">
                            <h2 class="fl">上吧主公</h2>
                        </div>
                        <p class="p_4">《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮你掌握胜算左右战况。</p>
                        <div class="row w_100">
                            <div class="col-sm-6 g_box pdl_0">
                                <div class="g_img"><img src="./img/game/game_2_1.jpg" alt=""></div>
                            </div>
                            <div class="col-sm-6 g_box pdr_0">
                                <div class="g_img"><img src="./img/game/game_2_2.jpg" alt=""></div>
                            </div>
                            <div class="col-sm-6 g_box pdl_0">
                                <div class="g_img"><img src="./img/game/game_2_3.jpg" alt=""></div>
                            </div>
                            <div class="col-sm-6 g_box pdr_0">
                                <div class="g_img"><img src="./img/game/game_2_4.jpg" alt=""></div>
                            </div>

                        </div>
                    </div>
                    <div class="col-sm-5 visible-sm visible-md visible-lg">
                        <div class="img_box"><img src="./img/game/game2_334x440.png" alt=""></div>
                    </div>
                </div>
            </div>
            <!-- more game -->
            <div class="more_part container-fluid wrap_1000">
                <div class="row w_100">
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other01.jpg" alt=""></div>
                        <a href="#"><p class="p_3">醉西游</p></a>
                        
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other02.jpg" alt=""></div>
                        <p class="p_3">魔卡幻想</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other03.jpg" alt=""></div>
                        <p class="p_3">超能战队</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other04.jpg" alt=""></div>
                        <p class="p_3">轰三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other05.jpg" alt=""></div>
                        <p class="p_3">刀塔大菠萝</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other06.jpg" alt=""></div>
                        <p class="p_3">迷你猎人</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other07.jpg" alt=""></div>
                        <p class="p_3">萌挂三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other08.jpg" alt=""></div>
                        <p class="p_3">战争之门</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other09.jpg" alt=""></div>
                        <p class="p_3">英雄争霸</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other10.jpg" alt=""></div>
                        <p class="p_3">二战传奇</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other11.jpg" alt=""></div>
                        <p class="p_3">龙吟三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other12.jpg" alt=""></div>
                        <p class="p_3">哟狐狸精</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other13.jpg" alt=""></div>
                        <p class="p_3">熊来啦</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other14.jpg" alt=""></div>
                        <p class="p_3">我爱我家</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other15.jpg" alt=""></div>
                        <p class="p_3">夺塔三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other16.jpg" alt=""></div>
                        <p class="p_3">西游快跑</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other17.jpg" alt=""></div>
                        <p class="p_3">德州扑克</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other18.jpg" alt=""></div>
                        <p class="p_3">神魔快打</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other19.jpg" alt=""></div>
                        <p class="p_3">鬼吹灯</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other20.jpg" alt=""></div>
                        <p class="p_3">挂机三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <div class="g_icon"><img src="./img/game/other21.jpg" alt=""></div>
                        <p class="p_3">三国仙侠传</p>
                    </div>
                </div>
            </div>
        </main>


        <footer>
            <div class="container footbar wrap_1000">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6  col-lg-6 f_info">
                        <div>
                            <a href=""><p>公司简介</p></a>
                            <a href=""><p>联系方式</p></a>
                            <a href=""><p>人才招聘</p></a>
                        </div>
                        <p class="p_12">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
                    </div>
                    <div class="col-sm-4 col-sm-offset-2 col-md-4 col-md-offset-2 col-lg-4 col-lg-offset-2  visible-lg-block visible-md visible-sm f_share">
                        <div class="share_icon"><img src="./img/demo/mailbox.png" alt="mailbox"></div>
                        <label for="wechat_qacode" class="wechat_label">
                            <div class="share_icon">
                                <img src="./img/demo/wechat.png" alt="wechat">
                            </div>
                        </label>
                        <!-- fake js begin -->
                        <input type="checkbox" name="" id="wechat_qacode">
                        <div class="qacode">
                            <img src="./img/qacode.png" alt="">
                        </div>
                        <!-- fake js finish -->
                        
                        <div class="share_icon"><img src="./img/demo/qq.png" alt="QQ"></div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
</body>

</html>